<template>
  <div class="details">
    <div class="header">“惠菏保”方案</div>
    <div class="row">
      <div class="col" style="flex:unset;width: 8em;">
        <div class="item">项目名称</div>
      </div>
      <div class="col">
        <div class="item">“惠菏保”普惠型健康医疗保险</div>
      </div>
    </div>
    <div class="row">
      <div class="col" style="flex:unset;width: 8em;">
        <div class="item">支持单位</div>
      </div>
      <div class="col">
        <div class="item">菏泽市医疗保障局</div>
      </div>
    </div>
    <div class="row">
      <div class="col" style="flex:unset;width: 8em;">
        <div class="item">参保对象</div>
      </div>
      <div class="col">
        <div class="item">菏泽市职工医保、城乡居民医保在保人员均可参保“惠菏保”，不限年龄，不限职业，不限既往病史。</div>
      </div>
    </div>
    <div class="row">
      <div class="col" style="flex:unset;width: 8em;">
        <div class="item">缴费期限</div>
      </div>
      <div class="col">
        <div class="item">
          一期：2022年8月5日至2022年11月30日
          <br />
          二期：2022年12月1日至2022年12月31日
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col" style="flex:unset;width: 8em;">
        <div class="item">保障期限</div>
      </div>
      <div class="col">
        <div class="item">
          1.一期（原一期续保）：2022年12月1日0时起至2023年11月30日24时止<br />
          2.二期（原二期续保及新参保）：2023年1月1日0时起至2023年12月31日24时止<br />
          保障期限一年。保险责任期间自保单生效日期零时起入院至保单终止日期24时止出院为准；在保单终止日期24时之后办理出院的不予赔偿，续保人员正常赔偿。
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col" style="flex:unset;width: 8em;">
        <div class="item">购买份数</div>
      </div>
      <div class="col">
        <div class="item">每人每年度内可购买一份</div>
      </div>
    </div>
    <div class="row">
      <div class="col" style="flex:unset;width: 8em;">
        <div class="item">保险责任</div>
      </div>
      <div class="col">
        <div class="row">
          <div class="col">
            <div class="item">责任一</div>
          </div>
          <div class="col">
            <div class="item">责任二</div>
          </div>
          <div class="col">
            <div class="item">责任三</div>
          </div>
          <div class="col">
            <div class="item">责任四</div>
          </div>
        </div>
        <div class="row">
          <div class="col">
            <div class="item">医保范围内住院医疗费用保险金</div>
          </div>
          <div class="col">
            <div class="item">医保范围外住院医疗费用保险金</div>
          </div>
          <div class="col">
            <div class="item">大病保险特药保险金</div>
          </div>
          <div class="col">
            <div class="item">特殊疗效罕见病药品保险金</div>
          </div>
        </div>
        <div class="row">
          <div class="col">
            <div class="item" style="align-items: flex-start;">
              参保人在保险期间，在基本医疗保险定点机构接受住院所发生的医保范围内合理医疗费用，经基本医疗保险、大病保险、医疗救助、再救助等报销后仍由个人负担的部分，按比例承担赔偿责任。(不含异地就医首先自付部分)
            </div>
          </div>
          <div class="col">
            <div class="item" style="align-items: flex-start;">,
              <span>
                参保人在保险期间，在基本医疗保险定点机构接受住院所发生的医保范围外必需且合理本保单约定的<span class="link"
                  @click="seeYpqd">清单目录</span>范围内的医疗费用（包括医保报销政策范围外的药品、耗材、诊疗项目），由个人负担的部分，按比例承担赔偿责任。
              </span>
            </div>
          </div>
          <div class="col">
            <div class="item" style="align-items: flex-start;">
              参保人在保险期间，由指定医院门诊开具处方，纳入《菏泽市医保大病保险特药单独补偿待遇》范围的5种药品费用，经由菏泽市医保大病保险特药单独补偿待遇报销后，仍由个人负担的部分，按比例承担赔偿责任。
            </div>
          </div>
          <div class="col">
            <div class="item" style="align-items: flex-start;">
              参保人在保险期间，由指定医院门诊开具处方，特殊疗效罕见病药品以及纳入基本医保药品目录或我省大病保险、医疗救助的罕见病用药（包括相关疾病特殊疗效食品），经基本医保、大病保险和医疗救助报销后仍由个人负担的部分，按比例承担赔偿责任。
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col" style="flex:unset;width: 8em;">
        <div class="item">报销限额</div>
      </div>
      <div class="col">
        <div class="row">
          <div class="col">
            <div class="item">100万元</div>
          </div>
          <div class="col">
            <div class="item">100万元</div>
          </div>
          <div class="col">
            <div class="item">100万元</div>
          </div>
          <div class="col">
            <div class="item">50万元</div>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col" style="flex:unset;width: 8em;">
        <div class="item">报销比例</div>
      </div>
      <div class="col">
        <div class="row">
          <div class="col">
            <div class="item">80%</div>
          </div>
          <div class="col">
            <div class="item">60%</div>
          </div>
          <div class="col">
            <div class="item">80%</div>
          </div>
          <div class="col">
            <div class="item">80%</div>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col" style="flex:unset;width: 8em;">
        <div class="item">起付线</div>
      </div>
      <div class="col">
        <div class="row">
          <div class="col">
            <div class="item">起付线1.5万元</div>
          </div>
          <div class="col">
            <div class="item">起付线1.6万元</div>
          </div>
          <div class="col">
            <div class="item">起付线1.5万元</div>
          </div>
          <div class="col">
            <div class="item">起付线1万元</div>
          </div>
        </div>
        <div class="row">
          <div class="item">
            1.一期：起付线按医保年度累计，2022年起付线起始日期为2022年1月1日，2023年起付线起始日期为2023年1月1日。<br />
            2.二期：起付线按医保年度累计，2023年起付线起始日期为2023年1月1日
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col" style="flex:unset;width: 8em;">
        <div class="item">等待期</div>
      </div>
      <div class="col">
        <div class="item">不设等待期</div>
      </div>
    </div>
    <div class="row">
      <div class="col" style="flex:unset;width: 8em;">
        <div class="item">既往症限制</div>
      </div>
      <div class="col">
        <div class="item">无</div>
      </div>
    </div>
    <div class="row">
      <div class="col" style="flex:unset;width: 8em;">
        <div class="item">保费</div>
      </div>
      <div class="col">
        <div class="item">
          50周岁以下99元/人/年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;50周岁（含50周岁）以上149元/人/年<br />
          （保费缴纳标准以保险生效时的年龄为准）
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col" style="flex:unset;width: 8em;">
        <div class="item">指定医药机构</div>
      </div>
      <div class="col">
        <div class="item" style="text-align: left;">
          1.医保范围内住院医疗费用保险金、医保范围外住院医疗费用保险金：菏泽市内或市外基本医疗保险定点医疗机构<br />
          2.大病特药罕见病保险金：《菏泽市医保大病保险特药单独补偿待遇》指定定点医院和指定药店
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col" style="flex:unset;width: 8em;">
        <div class="item">大病保险特药种类</div>
      </div>
      <div class="col">
        <div class="item">
          注射用伊米苷酶、注射用阿糖苷酶α、注射用阿加糖酶β、盐酸沙丙蝶呤片、盐酸多柔比星脂质体注射液
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col" style="flex:unset;width: 8em;">
        <div class="item">特殊疗效罕见病药品</div>
      </div>
      <div class="col">
        <div class="item">
          注射用拉罗尼酶浓溶液、艾度硫酸酯酶 β注射液、依洛硫酸酯酶a注射液、拉那利尤单抗注射液、布罗索尤单抗注射液、注射用重组人生长激素、注射用免疫球蛋白
        </div>
      </div>
    </div>
  </div>
  <ypqd ref="ypqdRef" />
</template>
<script lang="ts" setup>
import ypqd from "./ypqd.vue";
import { ref } from "vue";
const ypqdRef = ref(null as any);
const seeYpqd = () => {
  ypqdRef.value.open();
}
</script>
<style lang="scss" scoped>
$border: 1px solid #e1e1e1;
$header-padding: 0.28rem 0;
$td-padding: 0.2rem;

.details {
  width: 100%;
  border: $border;
  box-sizing: border-box;

  .header {
    width: 100%;
    padding: $header-padding;
    text-align: center;
    line-height: 1;
    border-bottom: $border;
    font-size: 14px;
  }

  .row {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    line-height: 1.2;
    font-size: 12px;
    color: #010101;

    &:not(:last-child) {
      border-bottom: $border;
    }
  }

  .col {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;

    &:not(:first-child) {
      border-left: $border;
    }
  }

  .item {
    width: 100%;
    height: 100%;
    padding: $td-padding;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    word-break: break-all;
  }
}

.link {
  color: #387ef5;
}
</style>